﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true"
    CodeBehind="OrderConfirmation.aspx.cs" Inherits="Touch2Like.Web.Product.OrderConfirmation" %>

<%@ PreviousPageType VirtualPath="~/Product/CheckOut.aspx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="headcontent" runat="server">
    <style type="text/css">
        .shopInfro, .shopCarbag
        {
            width: 960px;
            margin: 0 auto;
            color: #545351;
        }
        .shopCarbag li
        {
            height: 46px;
            line-height: 46px;
            float: left;
            width: 33.3%;
            text-align: center;
            color: #7E7E7E;
            font-size: 14px;
            background: #F6F6F6 url(/img/nav_icon_01.gif) no-repeat right top;
        }
        .shopCarbag li.selected
        {
            background: #E8E8E8 url(/img/nav_icon_02.gif) no-repeat right top;
        }
        .shopCarbag li span
        {
            display: inline-block;
            margin-right: 5px;
            font-weight: bold;
            font-size: 18px;
        }
        .shopCarbag li.selected
        {
            background: #e8e8e8 url(http://p.www.xiaomi.com/images/new816/nav_icon_02.gif) no-repeat right top;
        }
        .shopCarbag li.overed
        {
            background: #f6f6f6 url(http://p.www.xiaomi.com/images/new816/nav_icon_03.gif) no-repeat right top;
        }
        .shopCarbag li.item3
        {
            background: #e8e8e8;
        }
        .shopBtn
        {
            display: block;
            height: 36px;
            font-size: 14px;
            text-align: center;
            line-height: 36px;
            color: #fff;
            background: #ec4f22;
            font-weight: bold;
            background: -webkit-gradient(linear,left top,left bottom,color-stop(#ff6e42,0),color-stop(#ec4f22,1));
            background: -webkit-linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            background: -moz-linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            background: -o-linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            background: linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e42',endColorstr='#ec4f22',GradientType=0);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #fc6236;
        }
        .shopBtn:hover
        {
            -webkit-box-shadow: 0 1px 1px #fb7a54 inset,1px 1px 2px rgba(0,0,0,0.4);
            -moz-box-shadow: 0 1px 1px #fb7a54 inset,1px 1px 2px rgba(0,0,0,0.4);
            box-shadow: 0 1px 1px #fb7a54 inset,1px 1px 2px rgba(0,0,0,0.4);
        }
        .shopBtn:active
        {
            background: #ec4f22;
            -webkit-box-shadow: 1px 1px 2px #ec4a1c inset;
            -moz-box-shadow: 1px 1px 2px #ec4a1c inset;
            box-shadow: 1px 1px 2px #ec4a1c inset;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $(":checkbox,:radio").css("height", "auto");
            $(".cb_Accepted :checkbox").click(function () {
                if ($(this).attr("checked")) {
                    $(".btn_PlaceOrder").css("color", "#ffffff");
                } else {
                    $(".btn_PlaceOrder").css("color", "gray");
                }
            });

            $(".btn_PlaceOrder").css("color", "gray");

            $(".btn_PlaceOrder").click(function () {
                if ($(".cb_Accepted :checkbox").attr("checked")) {
                } else {
                    event.returnValue = false;
                    return false;
                }
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="maincontent" runat="server">
    <div id="header_bottom">
        <div class="container clearfix">
            <div style="width: 960px; margin: 0 auto;">
                <div class="shopCarbag">
                    <ul class="cfl">
                        <li title="Step 1 of 3. Check out from cart" class="item1"><span>1</span>Your Cart</li>
                        <li title="Step 2 of 3. Fill out the payment information" class="overed item2"><span>
                            2</span>Order Detail</li>
                        <li title="Step 3 of 3. Confirm with the purcharse" class="selected item3"><span>3</span>Confirmation</li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>
            </div>
            <div style="margin-top: 20px;">
                <div>
                    <div style="float: left; width: 310px; padding: 5px; padding-left: 0px;">
                        <div style="float: left; width: 150px;">
                            First Name:</div>
                        <div style="float: left;">
                            <asp:Literal ID="lb_FirstName" runat="server"></asp:Literal>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    <div style="float: left; width: 310px; padding: 5px;">
                        <div style="float: left; width: 150px;">
                            Last Name:</div>
                        <div style="float: left;">
                            <asp:Literal ID="lb_LastName" runat="server"></asp:Literal>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    <div style="float: right; width: 310px; padding: 5px;">
                        <div style="float: left; width: 150px;">
                            Email:</div>
                        <div style="float: left;">
                            <asp:Literal ID="lb_Email" runat="server"></asp:Literal>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div style="margin-top: 10px;">
                    Shipping Address:
                    <asp:Literal ID="lb_ShippingAddress" runat="server"></asp:Literal>
                </div>
                <div style="margin-top: 10px;">
                    Billing Address:
                    <asp:Literal ID="lb_BillingAddress" runat="server"></asp:Literal></div>
                <div style="margin-top: 10px;">
                    Credit Card:
                    <asp:Literal ID="lb_CreditCard" runat="server"></asp:Literal></div>
                <div style="margin-top: 10px;">
                    <div class="table_wrapper">
                        <table width="100%">
                            <tr>
                                <th align="center" style="text-align: center">
                                    Product Name
                                </th>
                                <th align="center" style="text-align: center">
                                    Price
                                </th>
                                <th align="center" style="text-align: center">
                                    Qty
                                </th>
                                <th align="center" style="text-align: center">
                                    Subtotal
                                </th>
                            </tr>
                            <asp:Repeater ID="Repeater_Cart" runat="server">
                                <ItemTemplate>
                                    <tr>
                                        <td>
                                            <%#Eval("GoodsName") %>
                                        </td>
                                        <td align="right" style="text-align: right">
                                            <%#Eval("GoodsPrice") %>
                                        </td>
                                        <td align="right" style="text-align: right">
                                            <%#Eval("GoodsCount") %>
                                        </td>
                                        <td align="right" style="text-align: right">
                                            <%#GetSubTotal(Eval("GoodsPrice"), Eval("GoodsCount"))%>
                                        </td>
                                    </tr>
                                </ItemTemplate>
                            </asp:Repeater>
                            <tr>
                                <td colspan="4" align="right" style="text-align: right;">
                                    Grand Total: $<asp:Literal ID="lb_TotalPrice" runat="server"></asp:Literal>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div>
                    &nbsp;</div>
                <div style="text-align: center; margin: 0 auto; width: 300px;">
                    <asp:CheckBox ID="cb_Accepted" runat="server" Text="I accepted Sales Terms and Conditions"
                        CssClass="cb_Accepted" /></div>
                <div>
                    &nbsp;</div>
                <div style="text-align: center; margin: 0 auto; width: 150px;">
                    <asp:LinkButton ID="btn_PlaceOrder" runat="server" Text="Place Order"
                        CssClass="shopBtn btn_PlaceOrder"></asp:LinkButton></div>
            </div>
        </div>
    </div>
</asp:Content>
